<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet"><!--公用css-->
    <link rel="stylesheet" href="css/common.css?v=1.0"/><!--公用css-->
    <title>我的约会</title>
    <script src="js/jQuery_v3.1.1.js"></script><!--公用js-->
    <script src="js/bootstrap/bootstrap.js"></script><!--公用js-->
    <link rel="stylesheet" href="css/my_invitation.css"/>
</head>
<body>
<div class="i-box">
    <!--顶部导航 start-->
    <div class="i-date-top"  >
        <div class="i-date-top-back" >
            <a href="index.html"><img src="img/left_white_arrow.png"></a>
        </div>
        <div class="i-date-top-font">
            我的邀请函
        </div>
        <div id="share" class="dropdown share">
            <img id="share-other" class="btn dropdown-toggle test" data-toggle="dropdown" src="img/my_invitation_more.png">
            <ul id="all-share"  class="dropdown-menu share-open" aria-labelledby="share-other" >
                <div id="asdf">
                    <li role="presentation" class="share-i" id="share-tip">
                        <a role="menuitem">
                            <img src="img/my_invitation_shareInfo.png">
                            &nbsp;&nbsp;分享
                        </a>
                    </li>
                    <li role="presentation" class="share-i" id="share-friend" style="display: none;">
                        <a href="#" role="menuitem" style="padding: 5px 2px;">
                            发送给朋友
                        </a>
                    </li>
                    <li role="presentation" class="divider share-line" style="width: 80%;margin: 10px;"></li>
                    <li role="presentation" class="share-i" id="edit-info">
                        <a  role="menuitem" href="#">
                            <img src="img/my_invitation_edit.png" >
                            &nbsp;&nbsp;编辑
                        </a>
                    </li>
                </div>

            </ul>
        </div>
    </div>
    <!--顶部导航 end-->

    <!--提醒框 start-->
    <div class="invitation-remind">
        <img src="img/change_time_icon.png"/>
        <span>已有受邀者回复，您是否要马上确认</span>
    </div>
    <!--提醒框 end-->

    <!--内容区域start-->
    <div class="invitation-content">
       <!--标题 title start-->
        <div class="invitation-info">
            <span class="invitation-title">标题 </span>
            <span>测试测试测试测试测试测试测试测</span>
        </div>
       <!--标题 end-->
        <!--第二行 时间start-->
        <div class="invitation-info">
            <div style="margin-bottom: 10px;">
                <img class="invitation-img" src="img/my_date_time_icon.png">
                <span>17-02-23 14:23~17-02-23 14:51</span>
            </div>
            <div>
                <img src="img/cue_time_icon.png" class="invitation-img" >
                <span>提前10分钟提醒</span>
            </div>
        </div>
        <!--第二行 时间end-->
        <!--第三行 创建时间 start-->
        <div class="invitation-info">
            <img src="img/create_time_icon.png" class="invitation-img" >
            <span>测试测试测试测试测试测试测试测</span>
        </div>
        <!--第三行 创建时间 end-->
        <!--第四行 发起人start-->
        <div class="invitation-info">
            <img src="img/source_icon.png" class="invitation-img" >
            <span>发起者</span><i class="sponsor">张巍</i>
        </div>
        <!--第四行 发起人end-->
        <!--第五行 受邀人start-->
        <div class="invitee-info">
            <div class="invitee-info-img">
                <img src="img/participant_icon.png">
            </div>
            <div class="invitee-info-name">
                受邀者
            </div>
            <div class="invitee-info-add">
                <span>上上海上海上海上海上海上海海上海</span>
            </div>
            <div class="invitee-info-switch">
                <a href="#"><img src="img/my_date_right.png"></a>
            </div>
        </div>
        <!--第五行 受邀人end-->
        <!--第六行 地址start-->
        <div class="invitee-info" >
            <div class="invitee-info-img">
                <img src="img/address_icon.png" style="height: 18px;">
            </div>
            <div class="invitee-info-name">
                地址
            </div>
            <div class="invitee-info-add">
                <span>上上海上海上海上海上海上海海上海</span>
            </div>
            <div class="invitee-info-switch">
                <a href="#"><img src="img/my_date_right.png"></a>
            </div>
        </div>
        <!--第六行 地址end-->
        <!--第七行 备注start-->
        <div class="invitation-info" style="border: 0;">
            <img src="img/remarks_icon.png" class="invitation-img" >
            <span>备注</span><i class="sponsor">噢噢噢</i>
        </div>
        <!--第七行 备注end-->
    </div>
    <!--内容区域end-->

    <!--底部按钮start-->
    <div class="bottom-btn">
        <button type="button" class="">确&nbsp;&nbsp;定</button>
        <button type="button" class="">取&nbsp;&nbsp;消</button>
    </div>
    <!--底部按钮end-->

</div>
<script src="js/jquery-scrolltofixed.js"></script>
<script src="js/common.js"></script>
</body>
</html>
